<template>
  <div v-px-to-rem-deep="{ skipProps: ['--abc'] , skipSelectors: ['div>span']}" :style="{padding: '20px'}">
    <div style="width: 100px; height: 45px; background-color: #f00;--abc: 123px" :style="{height: height + 'px'}"/>
  </div>
</template>

<script setup>
const height = ref(100)
onMounted(() => {
  setTimeout(() => {
    height.value = 400
  }, 3000)

})
</script>
